<template>
  <div class="div" @click="ts">
    <div v-for="index2 in 3" :key="index2" >
      <div class="title">
        <h3 class="h3">程序员头条</h3>
      </div>
      <div class="item" v-for="index in 6" :key="index">
        <img src="@/assets/idea.jpg" alt />
        <div class="fonttitle">
          <font>IDEA 惊天 bug：进程已结束，退出代码 1073741819{{index}}</font>
        </div>
        <br />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  methods:{
    ts(){
       const h = this.$createElement;
          this.$notify({
            title: "温馨提示",
            message: h("i", { style: "color: teal" }, "努力开发中")
          });
    }
  }
};
</script>
<style scoped>
.div::-webkit-scrollbar {
  display: none;
}
.div {
  overflow: auto;
  height: 780px;
}
.item {
  margin-top: 10px;
  margin-bottom: 10px;
}
font {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fonttitle {
  margin-left: 110px;
  color: #fff;
}
img {
  margin-left: 15px;
  width: 80px;
  float: left;
}
.title {
  border-left: 2px #ffd04b solid;
}
.h3 {
  font-size: 15px;
  margin-left: 10px;
  margin-top: 10px;
  color: #fff;
}
</style>